import React from 'react';
import { Divider, Descriptions } from 'antd';

interface GoodsInfoProps {
  goodsInfo: STOCKGOODSAPI.GoodsItem
}
const GoodsInfo: React.FC<GoodsInfoProps> = (props) => {
  const { goodsInfo } = props; 

  return <div className="mall-info">
     <div className="header">
       <div className="title">1. 库存商品信息</div>
     </div>
    <Divider />
    <div className="info-body">
      <Descriptions bordered>
        <Descriptions.Item label="库存分类">{goodsInfo.class_name}</Descriptions.Item>
        <Descriptions.Item span={2} label="品牌">{goodsInfo.brand_name}</Descriptions.Item>
        <Descriptions.Item label="商品编码">{goodsInfo.goods_id}</Descriptions.Item>
        <Descriptions.Item label="商品名称">{goodsInfo.goods_name}</Descriptions.Item>
        <Descriptions.Item label="商品检索码">{goodsInfo.goods_py}</Descriptions.Item>
      </Descriptions>
    </div>
  </div>
}
export default GoodsInfo;